<template>
	<!-- 本地招工-岗位信息 -->
	<view class="baseInfor">
		<view class="box">
			<view class="tit">
				<img src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/jibenxinxi@2x.png" />
				岗位信息
			</view>
			

			<view class="ul">
				<view class="ul-right">岗位名称：<text class="text">{{job.title || ''}}</text></view>

			</view>
			<view class="ul">
				<view class="ul-right">
					
					<view class="tags">
						岗位类别:
						<!-- <u-tag :key="index" v-for="(item, index) in workTypeList" class="li" :text="item.name" plain
							size="mini" type="primary" style="margin: 5px"></u-tag> -->
							<text class="text" v-for="(item, index) in workTypeList">{{item.name || ''}}</text>
					</view>
				</view>
			</view>
			
			<view class="ul">
				<!--        <view class="ul-left">岗位描述</view>-->
				<view class="ul-right">招聘人数:<text class="text">  {{job.needNum || ''}}人</text></view>
			
			</view>
			<view class="ul">
				<!--        <view class="ul-left">岗位描述</view>-->
				<view class="ul-right">岗位要求: <text class="gwYq"> 年龄{{job.ageRequire || '' }}</text> |<text class="gwYq"> 性别{{job.sex || '' }}</text> | <text class="gwYq">学历{{job.eduRequire || '' }}</text> | <text class="gwYq">工作经验{{job.workExperience || '' }}</text></view>
			
			</view>
			<view class="ul">
				<!--        <view class="ul-left">岗位描述</view>-->
				<view class="ul-right">岗位福利:<text class="text" >{{job.benefits==null || job.benefits==''?'无':job.benefits}}</text></view>
			
			</view>
			
			<view class="ul">
				<!--        <view class="ul-left">岗位描述</view>-->
				<view class="ul-right">岗位介绍:<text class="text">  {{job.workDesc || ''}}</text></view>
			
			</view>
			
			
			


			<u-upload v-if="fileList1.length" :deletable="false" width="155" multiple :maxCount="fileList1.length" ref="uUpload"
				:show-progress="false" height="155"
				action="https://recruit-api.xujiekeji.com/recruit-server/app/file/upload" :auto-upload="true"
				@on-remove="onRemove1" :file-list="fileList1" @on-success="successUpload1">
			</u-upload>
		</view>
		
		
		
		<view class="baseInfor">
		<view class="box">
		<view class="tit">
			<img src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/zpQy.png" />
			企业信息
		</view>
		
		<view class="ul">
			<!--        <view class="ul-left">岗位描述</view>-->
			<view class="ul-right"><text class="qyMc">{{job.companyName || ''}}</text></view>
		
		</view>
		
		<view class="ul">
			<!--        <view class="ul-left">岗位描述</view>-->
			<view class="ul-right">企业介绍：<text class="text1">{{job.companyDesc || ''}}</text></view>
		
		</view>
		
		<view class="ul">
			<!--        <view class="ul-left">岗位描述</view>-->
			<view class="ul-right">联系人：<text class="text1">{{job.publishName || ''}}</text></view>
		
		</view>
		<view class="ul">
			<!--        <view class="ul-left">岗位描述</view>-->
			<view class="ul-right">联系电话：<text class="text1">{{phone || ''}}</text></view>
		</view>
		
		
		</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props: ["infor", 'job', "workTypeList","phone"],  //接收父组件simpledetail传过来的值
		data() {
			return {
				// fileList1: [],
				benefits1:'',
			}
		},
		onLoad() {			
			
			// var str = job.benefits;
			// this.benefits1 = str.replace(/,/g, " ");
			// console.log(str,"打印str"); // 输出：helloworld
		},

		computed: {
			fileList1() {
				let res = this.job.imgUrls ? this.job.imgUrls.split(",").map((i) => {
					return {
						url: i,
					};
				}) : [];

				return res
			}
		},


		// mounted() {
		// 	this.fileList1 = this.job.imgUrls ? this.job.imgUrls.split(",").map((i) => {
		// 		return {
		// 			url: i,
		// 		};
		// 	}) : [];
		// }

	}
</script>
<style lang="scss" scoped>
	.baseInfor {
		padding: 8px 0 0 0;

		.dif1 {
			.tit {
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #808080;
				line-height: 52rpx;
			}
		}

		.box {
			background: #fff;
			padding: 10px 14px 15px;

			&.dif {
				margin: 4px 0 0 0;
			}
		}

		.content {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #808080;
			padding: 0 0 0 35px;
		}

		.tit {
			display: flex;
			align-items: center;
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #1a1a1a;

			img {
				width: 28px;
				height: 28px;
				// display: block;
				margin-right: 10px;
			}
		}

		.tit1 {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #808080;
			margin: 30rpx 0;
		}

		.ul {
			display: flex;
			align-items: center;
			margin-top: 12px;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;

			&-left {
				color: #4d4d4d;
				margin-right: 15px;
				width: 60px;
				font-size: 13px;
			}

			&-right {
				flex: 1;
				color: #808080;
				font-size: 13px;
			}
		}
	}
		
	.text{
		font-size: 14px;
		color: black;
		margin-left: 6px;
		margin-right: 6px;
	}
	.text1{
		font-size: 14px;
		color: black;
		
	}
	.gwYq{
		font-size: 14px;
		color: black;
		margin-left: 6px;
		margin-right: 6px;
		// background: #ECF5FF;
		// color: #1684FD;
	}
	.qyMc{
		font-size: 14px;
		color: black;
		font-weight: bold;
	}
		
</style>
